iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Modern Web

LV的全端開發體驗系列 第 1

Day01 計劃源起及目標

  • 分享至 

  • xImage
  •  

計劃源起

因為工作的關係,想要一個可以紀錄學生測試結果的系統,雖然坊間有不少類似的免費系統可以使用,但每次都只能請學生截圖給我做紀錄,總是很不方便,再加上我一直和學生宣揚一種學習的精神和態度就是:把技術用在解決你的生活問題上,你就會有動力並且積極的去完成。所以要以身做則,把技術用來解決生活和工作上的問題,並把學習的過程和體驗紀錄下來,分享給更多的人。

個人背景

個人並不是本科畢業,也沒有受過正規的程式技術教育,四十歲後才開始靠自學和職業訓練接觸程式設計,跌跌撞撞了幾年,才終於有點信心可以獨立完成一個專案,所以很能了解一般人在學習程式技術過程中可能會遇到的問題,其中最大的問題不見得是技術本身,而是大腦的運作要從感性直覺轉換成理性分析的這個過程是最痛苦和難熬的,比須要勇於推翻自己過去的認知才能進入程式技術的世界。

學過的程式語言有:
C、C++ - 因為想去考高普考而學了一陣子,但也因為這段過程,當時把資料結構演算法資料庫系統系統分析計算機概論這些高普考會考的科目都摸過一遍,對於後來的技術學習建立了不錯的基礎。

JAVA、Android - 因為當時手機APP正紅,所以想試試看有沒有機會,參加了相關課程的職訓班,這段經歷提升了不少對於程式撰寫的熟悉,在後來接觸其它程式語言時,都能滿快上手的;不過之後去找工作時並不是很順利。

PHP,JavaScript - 因為一個偶然的機會,專注在的網頁程式技術兩三年,並幫朋友免費做了幾個網站來練功,最後投入現在的網頁技術教學工作,近兩年則是開始接觸前後端的框架應用,當然也順勢的又碰了一些Linux及docker之類的,總之,走上這條路,技能樹應該是點不到盡頭的。

沒有進入業界挑戰高薪是因為年過四十五歲後找工作真的好不容易。。。

專案目標

我做案子的設定大多都是三個月為一個單位,一個單位是小案子,二個單位是中型專案,三個單位以上是大型案子,愈大的案子,前面的規劃會愈久愈詳細,免得中間要改時很麻煩,但小案子則是以快速開始為目標,保持每個階段都能看到案子的畫面及具體的功能,中間會有一段時間做整理及調整,然後就衝到底,先完成預定的目標,再回頭做調整;這次這個案子的設定是小案子,所以只會有簡單的想法就開始直接動手做,一直到核心功能,也就是後台可以產生題目,前台可以進行測驗並紀錄測驗結果後,再來修整畫面及增加其它功能。

這次的分享會假設朋友們已經有一些網頁技術的知識和基礎了,所以不會再特別去講解名詞或技術,
免得三十天寫不完
這次不會引入什麼高深的設計模式或單元測試之類的,只想快速建立一個可行性的專案,
免得三百天都做不完
每項技術或套件都不會再獨立做講解,只會提供官網做為參考,主要在分享如何整合及應用,
免得三千天都說不完。

專案描述

來簡單說一下這三十天希望做出什麼東西來:

功能

  1. 一個有前後台的完整網站系統
  2. 後台可以提供管理者或使用者輸入或匯入題目
  3. 前台可以提供使用者選擇試卷或以亂數出題的方式來進行測驗
  4. 測驗可以分為計分模式及練習模式
  5. 使用者可以選擇登入或不登入來進行測驗
  6. 登入的使用者可以紀錄每次測驗的結果
  7. 登入的使用者可以分析自己的測驗結果
  8. 未登入的使用者可以選擇匯出測驗結果留存
  9. 後台系統可以分析全體的測驗結果
  10. .........做人不要太貪心,上面完成了再來想後面的

技術或套件組合

  1. laravel
  2. laravel / breeze
  3. laravel Excel 3.1
  4. inertia.js
  5. vue.js 3
  6. pinia
  7. tailwind css
  8. Apache ECharts
  9. fontaesome free

開發平台

  1. windows
  2. mac OS

對、沒錯,工作上是用windows,但回家時如果在電腦桌前是windows,在床上就是mac book...
所以指令或截圖有時會是windows,有時會是mac,同步平台間專案的方式是git/github

開發環境

  1. Apache
  2. PHP 8.0以上
  3. mariaDB /MySQL
  4. node
  5. composer

在windows下是使用xampp這個整合式的軟體,在mac book上則是透過homebrew和cli把上述的環境都建好

開發工具

  1. Visual Studio Code
  2. vite
  3. npm

以上,準備開工了~~


下一篇
Day02 開發環境建置
系列文
LV的全端開發體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言